<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">
      
      
    <h:head>  
<style type="text/css">
body{
    padding: 0px;
    margin: 0px;
    
}    
#topo{
    border:0px solid;
    width: auto;
    height:90px;
    background: #4F4F4F;
}

#divLogin{
    width: 470px;
    height: 30px;
    margin-left: 810px;
    margin-top:-50px;
    border: 0px solid;
   
}

#topten{
    font-size: 65px;
    margin-left: 90px;
    border: 0px solid;
}

/****MENU SUPERIOR****/
#menuSuperior ul{                           
    text-align: center;
    margin-top: 0px;    
    background-color: #696969;
    list-style: none;            
}    
#menuSuperior ul li{
    display: inline;   
             
}        
#menuSuperior ul a{
    padding: 2px 10px;
    display: inline-block;            
    background-color: #696969;
    text-decoration: none;
    border-bottom: 3px solid #000;
}
#menuSuperior ul a{
color: #000 !important;
}
#divLogin a{
color: #000 !important;
}
#menuSuperior ul a:hover{
    background-color: #4F4F4F;    
    border-bottom: 3px solid #4F4F4F;
}
#menuSuperior{            
    border: 0px solid black;
    width: auto;
    height: 100px;  
    
}
/**FIM MENU**/

</style>
    </h:head>
    
    <h:body>
        <div id="topo" >
            <span id="topten">TopTen</span>
            <div id="divLogin">                
                <h:form>
                    Login:
                    <h:inputText value="login" />
                    Senha:
                    <h:inputSecret value="senha"/>
                    <h:commandButton type="submit"  value="Entrar"/>
                    <br/>
                    <h:commandLink action="#{administracaoBean.paginaUsuario}" value="Cadastrate-se"/>
                </h:form>                
            </div>
        </div>
        
        <h:form>
            <nav id="menuSuperior">            
                <ul>                	                	
                	<li><h:commandLink value="Homer" action="#{administracaoBean.paginaHomer}"></h:commandLink></li>
                	<li><h:commandLink value="Cargo" action="#{administracaoBean.paginaCargo}"></h:commandLink></li>
                	<li><h:commandLink value="Funcionario" action="#{administracaoBean.paginaFuncionario}"></h:commandLink></li>
                	<li><h:commandLink value="Usuario" action="#{administracaoBean.paginaUsuario}"></h:commandLink></li>    
                	<li><h:commandLink value="Categoria" action="#{administracaoBean.paginaCategoria}"></h:commandLink></li>            	
                	<li><h:commandLink value="Loja" action="#{administracaoBean.paginaLoja}"></h:commandLink></li>            	
                	                	
                </ul>            
            </nav>
        </h:form>
    </h:body>
</html>

